<template>
  <div class="app-container home">
    <el-row :gutter="20">
      <el-col :sm="24" :lg="24">
        <h2>冷站平台常用操作指导：</h2>
        <hr />
      </el-col>
    </el-row>
    <el-row :gutter="20" style="padding-bottom: 10px">
      <el-col :span="24" :sm="24" :lg="24">
        <el-row style="padding-bottom: 10px">
          <el-col :span="24">
            <div class="text-primary">一、项目管理。</div>
          </el-col>
        </el-row>
        <el-row style="padding-bottom: 10px">
          <el-col :span="4">
            <div class="text-primary">1、新增/修改项目(<span class="text-warning">一般无需更改</span>)。</div>
          </el-col>
          <el-col :span="20">
            <div class="text-primary">展开左侧菜单栏的<span class="text-warning">”项目管理“</span>菜单，新增/修改项目信息。</div>
          </el-col>
        </el-row>
        <el-row style="padding-bottom: 10px">
          <el-col :span="4">
            <div class="text-primary">2、修改项目归属公司/部门(<span class="text-warning">一般无需更改</span>)。</div>
          </el-col>
          <el-col :span="20">
            <div class="text-primary">展开左侧菜单栏的<span class="text-warning">”项目管理“</span>菜单，将项目归属到具体的公司或部门，否则使用该公司/部门的非管理员角色的用户账号登录，将看不到数据。需要将<span class="text-warning">”项目信息“</span>和<span class="text-warning">”用户信息“</span>两者都归属到某个具体的公司/部门下即可。</div>
          </el-col>
        </el-row>
        <el-row style="padding-bottom: 10px">
          <el-col :span="4">
            <div class="text-primary">3、涉及到部门操作、用户操作。</div>
          </el-col>
          <el-col :span="20">
            <div class="text-primary">展开左侧菜单栏的<span class="text-warning">”系统管理“</span>菜单，选择<span class="text-warning">”部门管理“</span>菜单项，可以新增/修改公司/部门。选择<span class="text-warning">”用户管理“</span>菜单项，可以将用户归属到某个公司/部门（查看数据权限使用）。然后在<span class="text-warning">”用户管理“</span>页面的用户列表中，给相应的用户分配好角色，即可让相应的用户查看其所属公司/部门的相关数据。<span class="text-danger">需要注意的是，在分配角色页面中，要小心选择角色，”角色拥有的数据查看权限“这列告知了角色能够查看的数据范围。</span></div>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="24" :sm="24" :lg="24">
        <el-row style="padding-bottom: 10px">
          <el-col :span="24">
            <div class="text-primary">二、初始化项目点表列表/设备列表。按下面顺序进行配置。</div>
          </el-col>
        </el-row>
        <el-row style="padding-bottom: 10px">
          <el-col :span="2">
            <div class="text-primary">1、网关配置。</div>
          </el-col>
          <el-col :span="22">
            <div class="text-primary">展开左侧菜单栏的<span class="text-warning">”点表/设备初始化“</span>菜单，选择<span class="text-warning">”网关配置“</span>菜单项，输入ModbusTCP网关IP地址:端口等信息（PLC地址），点表Excel中有几个端口，就添加几行。</div>
          </el-col>
        </el-row>
        <el-row style="padding-bottom: 10px">
          <el-col :span="2">
            <div class="text-primary">2、点表初始化。</div>
          </el-col>
          <el-col :span="22">
            <div class="text-primary">展开左侧菜单栏的<span class="text-warning">”点表/设备初始化“</span>菜单，选择<span class="text-warning">”点表初始化“</span>菜单项，导入约定好格式的点表，点表Excel中有几个端口的Sheet，就拆分成多少个独立的Excel文件导入。在导入之前先检查好格式，如名称、前缀、分组、报警、可读等等。具体见规则文件。</div>
          </el-col>
        </el-row>
        <el-row style="padding-bottom: 10px">
          <el-col :span="2">
            <div class="text-primary">3、设备初始化。</div>
          </el-col>
          <el-col :span="22">
            <div class="text-primary">展开左侧菜单栏的<span class="text-warning">”点表/设备初始化“</span>菜单，选择<span class="text-warning">”设备初始化“</span>菜单项，导入制作好的设备清单（点表中给的设备清单不能直接使用）。具体见设备清单格式文件。</div>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
    <hr />
    <el-row :gutter="20">
      <el-col :span="24" :sm="24" :lg="24">
        <el-row style="padding-bottom: 10px">
          <el-col :span="24">
            <div class="text-primary">三、修改点表。</div>
          </el-col>
        </el-row>
        <el-row style="padding-bottom: 10px">
          <el-col :span="2">
            <div class="text-info">1、网关配置。</div>
          </el-col>
          <el-col :span="22">
            <div class="text-info">展开左侧菜单栏的”点表/设备初始化“菜单，选择”网关配置“菜单项，输入ModbusTCP网关IP地址:端口等信息（PLC地址），点表Excel中有几个端口，就添加几行。</div>
          </el-col>
        </el-row>
        <el-row style="padding-bottom: 10px">
          <el-col :span="2">
            <div class="text-info">2、点表初始化。</div>
          </el-col>
          <el-col :span="22">
            <div class="text-info">展开左侧菜单栏的”点表/设备初始化“菜单，选择”点表初始化“菜单项，导入约定好格式的点表，点表Excel中有几个端口的Sheet，就拆分成多少个独立的Excel文件导入。在导入之前先检查好格式，如名称、前缀、分组、报警、可读等等。具体见规则文件。</div>
          </el-col>
        </el-row>
        <el-row style="padding-bottom: 10px">
          <el-col :span="2">
            <div class="text-info">3、设备初始化。</div>
          </el-col>
          <el-col :span="22">
            <div class="text-info">展开左侧菜单栏的”点表/设备初始化“菜单，选择”设备初始化“菜单项，导入制作好的设备清单（点表中给的设备清单不能直接使用）。具体见设备清单格式文件。</div>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "Index",
  data() {
    return {
      // 版本号
      version: "3.8.7"
    };
  },
  methods: {
    goTarget(href) {
      window.open(href, "_blank");
    }
  }
};
</script>

<style scoped lang="scss">
.home {
  blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
  }
  hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
  }
  .col-item {
    margin-bottom: 20px;
  }

  ul {
    padding: 0;
    margin: 0;
  }

  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #676a6c;
  overflow-x: hidden;

  ul {
    list-style-type: none;
  }

  h4 {
    margin-top: 0px;
  }

  h2 {
    margin-top: 10px;
    font-size: 26px;
    font-weight: 100;
  }

  p {
    margin-top: 10px;

    b {
      font-weight: 700;
    }
  }

  .update-log {
    ol {
      display: block;
      list-style-type: decimal;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 0;
      margin-inline-end: 0;
      padding-inline-start: 40px;
    }
  }
}
</style>

